// Width and height

.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }

// Margin and Padding

.mx-auto {
  margin-right: auto !important;
  margin-left:  auto !important;
}

// anchor
a{
  cursor: pointer;
}

// Icons
.fonticon-wrap {
    width: 2%;
    float: left;
    margin: 0.25rem;
    i.fa{
      font-size: 1.35rem !important;
    }
}

// Round shape
.round{
  border-radius: 1.5rem;
}

// Square shape
.square{
  border-radius: 0;
}

// Image
img{
  &.img-border{
    border: 5px solid #fff;
  }
}

// List
ul{
  &.no-list-style{
    list-style: none;
  }
}

// Gradient
[class*='gradient-']{
  background-repeat: repeat !important;
}

// Shadow classes
.shadow-z-1{
  @include shadow-z-1();
}
.shadow-z-1-hover{
  @include shadow-z-1-hover();
}
.shadow-z-2{
  @include shadow-z-2();
}
.shadow-z-3{
  @include shadow-z-3();
}
.shadow-z-4{
  @include shadow-z-4();
}
.shadow-z-5{
  @include shadow-z-5();
}
.big-shadow{
  @include big-shadow();
}
.shadow-big{
  @include shadow-big();
}
.shadow-big-navbar{
  @include shadow-big-navbar();
}
.sidebar-shadow{
  @include sidebar-shadow();
}
.card-shadow{
  @include card-shadow();
}
.background-round {
    background-color: rgba(0, 0, 0, 0.18);
    padding: 8px;
    border-radius: 50%;
}
.gradient-bg{
  height: 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}